<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi,user-scalable=no" />
    <title></title>
     <script src="../../js/mui.min.js"></script>
    <script type="text/javascript" src="../../iconfont/iconfont.js" ></script>
    <script type="text/javascript" src="../../js/jquery-3.1.1.min.js" ></script>
    <script src="../../js/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/plug/artTemplet/template-web.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/plug/layer/layer.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="../../css/index.css" />
    <link href="../../css/mui.css" rel="stylesheet"/>
    
    
    <link rel="stylesheet" href="../../css/moreMenu/mm.css" />
    <script type="text/javascript" src="../../js/echarts.simple.min.js" ></script>
    
    
    <script type="text/javascript" charset="utf-8">
      	mui.init();
      	document.addEventListener('plusready', function() {
			plus.navigator.setStatusBarBackground("#2B7DC4");
			plus.navigator.setStatusBarStyle("light");
		}, false);
    </script>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<span class="mui-title">信息统计</span>
	</header>
	<div class="mui-content">
		<div class="patMain">
			<div class="patOne">
				<p class="patTitle">选择统计内容</p>
				<select>
					<option value="企业总数">企业总数</option>
					<option value="任务数">任务数</option>
					<option value="突发情况">突发情况</option>
					<option value="巡查上报">巡查上报</option>
				</select>				
			</div>
			<div id="main" style="width: 100%;height:70VH; overflow: hidden;"></div>
		</div>
	</div>
</body>
</html>
<script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        var option = {
            title: {
                text: 'ECharts 入门示例'
            },
            tooltip: {},
            legend: {
                data:['销量']
            },
            xAxis: {
                data: ["新增","退出","异常","总计"]
            },
            yAxis: {},
            series: [{
                name: '销量',
                type: 'bar',
                data: [5, 20, 36, 10]
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>